// 判断用户是否登录--判断cookie中会否存在username的值
$(function(){
  // 获取cookie的username，如果cookie中的username有值，则表示用户已经登录，否则未登录
  var username = getCookie('username');
  var login = document.querySelector('.login');
  if(username){
    // 用户已经登录，在顶部导航栏，显示用户的信息，及显示退出按钮
    // var str = `<li><a>欢迎尊贵的<span>${username}</span>VIP来到旅游网站！</a></li>
    // <li><a href="javascript:;" class="logout">退出</a></li>`;
    var str =`<div class="login">
      <h6><a href="javascript:;" style="color:red">欢迎尊贵的<span>${username}</span>VIP来到学习网站！</a></h6>
      <h3><a href="javascript:;" class="logout">退出 ></a></h3>
    </div>`
    login.innerHTML = str;
    // 退出功能,点击退出
    var logout = document.querySelector('.logout');    
    logout.onclick = function(){
      // 使用layer的confirm弹出层，展示 确定 和 取消 的选项
      layer.confirm('你确定要退出吗？',{ btn:['确定','取消'] },
        // 第一个 确定 按钮点击触发的函数
        function(){
          // 删除cookie，退出登录状态
          delCookie('username');
          login.innerHTML = `<div class="login">
          <h6><a href="zhuce.html">注册</a>  &nbsp;| &nbsp;<a href="denglu.html">登录</a> </h6>
          <input type="text">
          <button type="submit" class="btn btn-default">搜索</button>
      </div>`;
          layer.msg('退出成功',{icon:1,time:500})
        },
        // 第二个 取消 按钮 点击触发的函数
        function(){
          layer.msg('已取消',{icon:1,time:500})
          return false;
        }
      )
    }
  }
})